<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script src="${pageContext.request.contextPath}/js/Echarts/china.js"></script>
<div ng-controller="oracleMonitorController as controller">
	<div class="wrap">
		<div class="mapTips">
			<h6>
				<i class="glyphicon glyphicon-cog"></i> <span>条件设置</span>
			</h6>
		</div>
<!-- 		<div class="conditionWrap" style="margin-top:10px;height:57px;">
			<div style="line-height:57px;float:left;"><span style="font-weight: bold;font-size:11px;margin:0 12px;">生产服务器告警:</span><i style="font-size:18px;color:red;" class="glyphicon glyphicon-warning-sign"></i></div>
			<div style="line-height:57px;float:left;"><span style="font-weight: bold;font-size:11px;margin:0 12px;">管理服务器告警:</span><i style="font-size:18px;color:green;" class="glyphicon glyphicon-warning-sign"></i></div>
		</div> -->

		<div class="conditionWrap" style="margin-top: 10px ;height: 47px;">
			<div class="toggleWrap">
			<div class="choiceTab" style="">
				<div class="timeChoiceInp ranking_timeChoiceInp">
					<form role="form" name="tableForm" class="form-horizontal">
					<div id="tab1" class="form-group">
						<div class="row">
							<div class="col-md-5 col-sm-5 col-xs-5" style="">
								<label class="radio-inline" style="width: 100%; margin-left: -10%;">
								<span style="float:left;font-weight: bold;font-size: 11px;">oracle：</span>
							   		<div class="input-group" style="height: 32px;    width: 270px;">
										<div class="input-group-btn hint--bottom hint--bounce"  style="border-radius: 4px; border: solid 1px #CCCCCC; font-size: 13px;"
											ng-click="controller.selectOracleZTreeHtml()" id="selectDiv">点击选择oracle</div>
				

									</div>
						 		 </label>
							</div>
							<div id="serchConfirm" style="width:20px;position: absolute;left: 650px;top:110px;"><button type="button"  style="width:60px;height:30px; color: #fff;background-color: #337ab7;border-color: #2e6da4;border: 1px solid;border-radius:4px;" ng-click="controller.showResult()" >搜索</button></div>
							<div class="col-md-5 col-sm-5 col-xs-5">
	
							</div>
							<div class="col-md-2 col-sm-2 col-xs-2">

							</div>
						</div>
					</div>
				</form>
				</div>
			</div>
			</div>
		</div>

		<div style="padding: 15px 0 0 0;">

		</div>


		<div class="demo tabDemo" id="hostmonitorDiv">
			<div class="row">
				<div class="tab" role="tabpanel">
					<!-- 					Tab panes -->
					<div class="tab-content tabs" style="background: #ECF0F5;">
						<div role="tabpanel" class="tab-pane fade in active" id="Section1">
							<div class="middleBottomDiv" >
								<!-- 								<div class="leftWrap"> -->
								<div class="wrapChart3" style="z-index: 2;">
									<!-- 										<div class="chartThree"> -->
									<iframe id="iframeId" frameborder="0" scrolling="no"
										width="100%" height="auto" ng-src={{url}}
										style="height: 100%; position: absolute; top: 50px;"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<script type="text/javascript">
	$(document).on('click', '.tabItem', function() {
		var index = $(this).index();
		$(this).addClass('active');
		$(this).removeClass('offset');
		$(this).siblings().removeClass('active');
		$(this).siblings().addClass('offset');
		$(this).addClass('zIndex').siblings().removeClass('zIndex')
	})
</script>
